<? include "$_SERVER[DOCUMENT_ROOT]/_pilot/cmn/jsp/include/plt/html/inc_head.html"; ?>
<? include "$_SERVER[DOCUMENT_ROOT]/_pilot/cmn/jsp/include/plt/html/layout/layoutB_1.html"; ?>
<!-- service-con -->
<div class="service-con">

	<h3 class="tit-type1">Board A, B - List</h3>
	<table cellspacing="0" summary="번호, 제목, 첨부파일, 조회, 등록일 제공" class="tbl-type2">
		<caption>이체정보입력확인</caption>
		<colgroup>
			<col style="width:9%;" /><col style="width:auto;" /><col style="width:15%;" /><col style="width:10%;" />
		</colgroup>
		<thead>
			<tr class="first">
				<th scope="col">번호</th>
				<th scope="col">제목</th>
				<th scope="col">등록일</th>
				<th scope="col">조회수</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td scope="row" class="first">[공지]</td>
				<td class="txt-l">제목입니다.</td>
				<td>YYYY.MM.DD</td>
				<td>NNNNN</td>
			</tr>
			<tr>
				<td scope="row" class="first">10</td>
				<td class="txt-l">제목입니다.</td>
				<td>YYYY.MM.DD</td>
				<td>NNNNN</td>
			</tr>
			<tr>
				<td scope="row" class="first">9</td>
				<td class="txt-l">제목입니다.</td>
				<td>YYYY.MM.DD</td>
				<td>NNNNN</td>
			</tr>
			<tr>
				<td scope="row" class="first">8</td>
				<td class="txt-l">제목입니다.</td>
				<td>YYYY.MM.DD</td>
				<td>NNNNN</td>
			</tr>
			<tr>
				<td scope="row" class="first">7</td>
				<td class="txt-l">제목입니다.</td>
				<td>YYYY.MM.DD</td>
				<td>NNNNN</td>
			</tr>
			<tr>
				<td scope="row" class="first">6</td>
				<td class="txt-l">제목입니다.</td>
				<td>YYYY.MM.DD</td>
				<td>NNNNN</td>
			</tr>
			<tr>
				<td scope="row" class="first">5</td>
				<td class="txt-l">제목입니다.</td>
				<td>YYYY.MM.DD</td>
				<td>NNNNN</td>
			</tr>
			<tr>
				<td scope="row" class="first">4</td>
				<td class="txt-l">제목입니다.</td>
				<td>YYYY.MM.DD</td>
				<td>NNNNN</td>
			</tr>
			<tr>
				<td scope="row" class="first">3</td>
				<td class="txt-l">제목입니다.</td>
				<td>YYYY.MM.DD</td>
				<td>NNNNN</td>
			</tr>
			<tr>
				<td scope="row" class="first">2</td>
				<td class="txt-l">제목입니다.</td>
				<td>YYYY.MM.DD</td>
				<td>NNNNN</td>
			</tr>
			<tr>
				<td scope="row" class="first">1</td>
				<td class="txt-l">제목입니다.</td>
				<td>YYYY.MM.DD</td>
				<td>NNNNN</td>
			</tr>
		</tbody>
	</table>
	<ul class="btn-area mb30 clearfix">
		<li class="btn-area-l">&nbsp;</li>
		<li class="btn-area-c">
			<!-- paginate -->
			<div class="paginate">
				<a href="#" class="direction prevend">처음</a>
				<a href="#" class="direction prev">이전</a>
				<strong><span class="hidden">현재</span>1</strong>
				<a href="#">2</a>
				<a href="#">3</a>
				<a href="#">4</a>
				<a href="#">5</a>
				<a href="#">6</a>
				<a href="#">7</a>
				<a href="#">8</a>
				<a href="#">9</a>
				<a href="#" class="direction next">다음</a>
				<a href="#" class="direction nextend">끝</a>
			</div>
			<!-- // paginate -->
		</li>
		<li class="btn-area-r"><span class="btn-pack btn-type-1"><a href="#none">마이통장 리포트</a></span></li>
	</ul>
	<div class="align-r mb20">
		<span class="btn-pack btn-type-2c"><a href="#none">등록</a></span>
	</div>
	<div class="search-zone mb20">
		<select title="연도별 선택">
			<option value=""selected="selected">연도별</option>
			<option value="">2013</option>
		</select>
		<select title="월별 선택">
			<option value=""selected="selected">월별</option>
			<option value="">1</option>
		</select>
		<input type="text" title="검색어 입력" />
		<span class="btn-pack btn-type-1"><a href="#" class="">검색</a></span>
	</div>
	<h3 class="tit-type1">Board A, B - View</h3>
	<div class="board-view mb30">
		<div class="board-view-header">
			<h4 class="board-view-tit">공지 A, B 상세보기</h4>
			<dl class="opt">
				<dt>작성자</dt>
				<dd>김부산<span class="opt_detail">(abc@naver.com / 010-0000-0000)</span></dd>
				<dt>등록일</dt>
				<dd>2013.11.11</dd>
				<dt>조회수</dt>
				<dd class="f">1234</dd>
			</dl>
		</div>
		<div class="board-view-cont">
			<p>내용/본문 테스트입니다.<br />내용/본문 테스트입니다.</p>
		</div>
		<dl class="board-add-file clearfix">
			<dt>첨부파일</dt>
			<dd>
				<a href="#">부은상품특약1.pdf</a>
				<a href="#">부은상품특약2.pdf</a>
				<a href="#">부은상품특약3.pdf</a>
			</dd>
		</dl>
		<ul class="board-view-pager">
			<li class="prev"><span class="pg">이전글</span><a href="#">이전글입니다.</a></li>
			<li class="next"><span class="pg">다음글</span><a href="#">다음글입니다.</a></li>
		</ul>
	</div>
	<div class="align-r mb20">
		<span class="btn-pack btn-type-2c"><a href="#none">수정</a></span>
		<span class="btn-pack btn-type-2"><a href="#none">삭제</a></span>
		<span class="btn-pack btn-type-2"><a href="#none">목록</a></span>
	</div>
	<h3 class="tit-type1">Board A, B - Write</h3>
	<form action="">
		<fieldset>
		<legend>공지 등록 폼</legend>
			<table cellspacing="0" summary="공지 A, B 등록 폼입니다." class="tbl-type1 mb30">
				<caption>공지 A, B 등록예시</caption>
				<colgroup>
					<col style="width:20%;" />
				</colgroup>
				<tbody>
					<tr>
						<th scope="row" class="first">공지</th>
						<td class="first"><input type="checkbox" id="noti" title="선택" /><label for="noti" class="check">공지</label></td>
					</tr>
					<tr>
						<th scope="row">공지 유효일</th>
						<td>
							<span class="date-set ">
								<label>시작일</label>
								<select title="공지 유효 시작일 년 선택">
									<option value="2010">2010</option>
								</select>년
								<select title="월 선택">
									<option value="01">01</option>
								</select>월
								<select title="일 선택">
									<option value="01">01</option>
								</select>일
								<a title="팝업레이어뜸" href="#none"><span class="calendar">캘린더</span></a>
								<label>종료일</label>
								<select title="공지 유효 종료일 년 선택">
									<option value="2010">2010</option>
								</select>년
								<select title="월 선택">
									<option value="01">01</option>
								</select>월
								<select title="일 선택">
									<option value="01">01</option>
								</select>일
								<a title="팝업레이어뜸" href="#none"><span class="calendar">캘린더</span></a>
							</span>
						</td>
					</tr>
					<tr>
						<th scope="row">숨김여부</th>
						<td>
							<input type="radio" name="outcrop" id="outcrop1" value="" title="노출"checked="checked" />
							<label for="outcrop1">노출</label>
							<input type="radio" name="outcrop" id="outcrop2" value="" title="숨김"/>
							<label for="outcrop2">숨김</label>
						</td>
					</tr>
					<tr>
						<th scope="row"><span class="asterisk">필수입력항목</span>제목</th>
						<td><input type="text" title="제목 입력" />
						</td>
					</tr>
					<tr>
						<th scope="row">등록일</th>
						<td>
							<select title="등록일 년 선택">
								<option value="2010">2010</option>
							</select>년
							<select title="월 선택">
								<option value="01">01</option>
							</select>월
							<select title="일 선택">
								<option value="01">01</option>
							</select>일
							<a title="팝업레이어뜸" href="#none"><span class="calendar">캘린더</span></a>
						</td>
					</tr>
					<tr>
						<th scope="row">내용</th>
						<td>
							<textarea style="width:300px;height:100px" rows="3" cols="10">멀티라인 텍스트 영역</textarea>
						</td>
					</tr>
					<tr>
						<th scope="row">이미지업로드</th>
						<td>
							<input type="file" value="찾아보기" />
						</td>
					</tr>
					<tr>
						<th scope="row">alt 속성값</th>
						<td>
							<input type="text" title="alt 속성값 입력" />
							<span class="btn-pack btn-type-1"><a href="#none">추가</a></span>
						</td>
					</tr>
					<tr>
						<th scope="row">첨부파일</th>
						<td>
							<input type="file" value="찾아보기" />
							<span class="btn-pack btn-type-1"><a href="#none">추가</a></span>
							<span class="btn-pack btn-type-1"><a href="#none">삭제</a></span>
						</td>
					</tr>
				</tbody>
			</table>
			<div class="align-r mb20">
				<span class="btn-pack btn-type-2c"><a href="#none">등록</a></span>
				<span class="btn-pack btn-type-2"><a href="#none">취소</a></span>
			</div>
		</fieldset>
	</form>
</div><!-- //service-con -->

<? include "$_SERVER[DOCUMENT_ROOT]/_pilot/cmn/jsp/include/plt/html/layout/layoutB_2.html"; ?>